<style>

    .zoom:hover {
        transform: scale(1.07);
    }
</style>


<div class="container">
    <div class="row row-eq-height">


        <div class="col-md d-flex my-1 mx-2 overflow-hidden">
            <div class="card">
                <a href="getting_started/index.html"><img class="card-img-top w-100 zoom"
                                                          src="_static/images/icon_getting_started.png"
                                                          alt="Icon Getting Started"></a>
                <div class="card-body">
                    <p class="card-text"><b>Getting Started Guide:</b> The most important steps in multi-objective
                        optimization:
                        Problem Definition, Optimization, Convergence Analysis, and Decision Making. </p>
                </div>
            </div>
        </div>


        <div class="col-md d-flex my-1 mx-2 overflow-hidden">
            <div class="card">
                <a href="" data-toggle="modal" data-target="#newsletter"><img class="card-img-top w-100 zoom"
                                                                              src="_static/images/icon_newsletter.png"
                                                                              alt="Icon Newsletter"></a>
                <div class="card-body">
                    <p class="card-text"><b>Newsletter:</b> Sign up for our newsletter to stay tuned and up to date
                        about the current development and new features.</p>
                </div>
            </div>
        </div>

        <div class="col-md d-flex my-1 mx-2 overflow-hidden">
            <div class="card">
                <a href="https://discord.gg/DUCGrvqWEM"><img class="card-img-top w-100 zoom"
                                                                              src="_static/images/icon_discord.jpeg"
                                                                              alt="Discord Server"></a>
                <div class="card-body">
                    <p class="card-text"><b>Discord:</b> Join our discord server for help or a discussion about optimization in the context of our framework.</p>
                </div>
            </div>
        </div>


    </div>
</div>